/* layout: 布局 */
section,
header,
article,
nav {
    display: block;
}

* {
    margin : 0;
    padding: 0;
}

body {
    margin               : 1em 10%;
    background-image     : url(../images/背景图片.jpg);
    background-attachment: fixed;
    background-position  : 0, 0;
    background-repeat    : repeat-x;
    max-width            : 80em;
}

header {
    background-image   : url(../images/header背景图.jpg);
    background-repeat  : no-repeat;
    background-position: right;
    border-width       : 0.1em;
    border-style       : solid;
    border-bottom-width: 0;
}

header nav {
    background-image   : url(../images/nav背景图片2.jpg);
    background-position: -80px, 10px;
    background-repeat  : repeat-x;
    border             : 0.1em solid;
    border-bottom-width: 0;
    border-top-width   : 0;
    padding-left       : 10%;
} 
header nav ul {
    width: 100%;
    overflow: hidden;
    border: 0.1em solid;
}
header nav li {
    display: inline;
}
header nav li a {
    display: block;
    float: left;
    padding: 0.5em 2em;
    border-right: 0.1em solid;
}
article {
    border: 0.1em solid;
    border-top-width: 0;
    padding: 2em 10%;
    line-height: 1.8em;
}
article img {
    border: 0.1em solid;
    outline-width: 0.1em;
    outline-style: solid;
}

/* 设置每个主页的不同背景 */
#home header {
    background-image: url(../images/home1.png);
}
#about header {
    background-image: url(../images/abuot.png);
}
#photos header {
    background-image: url(../images/photos.png);
}
#live header {
    background-image: url(../images/live.png);
}
/* contact: 接触 */
#contact header {
    background-image: url(../images/contact.png);
}

/* 为photos中 的ul里的li设置样式  */
#imagegallery  li{
    display: inline;
}
td {
    padding: 0.5em 3em;
}
dl {
    overflow: hidden;
}
dt {
    float: left;
}
dd {
    float: left;
}
label {
    display: block;
}
fieldset {
    border: 0;
}